<template>
   <div class="pay-type">
     <!-- 支付方式 -->
     <van-popup v-model="showPayType" class="pay-panel-wrap" :close-on-click-overlay='false'>
       <h5 class="hd">
          <span class="close" @click="back"><van-icon name="arrow-left" /></span>
           <span class="title">选择支付方式</span>
         </h5>
        <div class="bd">
          <van-cell title="金币支付" is-link icon="gold-coin"/>
          <van-cell title="微信支付" is-link icon="wechat"/>
        </div>
     </van-popup>
   </div>
</template>

<script>
export default {
  props: ['showPayType'],
  methods: {
   back () {
     this.$emit('closePayTypePanel');
     this.$emit('openPanel');
   }
  }
}
</script>

<style lang="scss">
@import '../../assets/styles/common.scss';
.pay-type{
  .hd{
    height: px2rem(60px);
    line-height: px2rem(40px);
  }
  .bd{
    padding:px2rem(20px);
  }
}
</style>
